@import 'variable.less';
.section5{
	width:100%;
	height:100vh;
	background:url('../img/img2/bg2.jpg');
	background-size:110% 106%;
	background-position: center 0;
	.text1{
		top:8%;
		left:0;
		z-index:2;
		width:100%;
	}
	.text2{
		top:35%;
		left:0;
		z-index:2;
		width:100%;
	}
	.text3{
		.b(20);
		left:20%;
		z-index:2;
		width:60%;
    opacity: 0;
    -webkit-transform: translate3d(0,200px,0);
    transform: translate3d(0,200px,0)
	}
	.button1{
		top:55.5%;
		left:25%;
		  transform:translateX(-50%);
	      width: 50%;
	      .h(40);
	      color: rgb(255, 255, 255);
	      border-radius: 0px;
	      background-color: rgba(72, 122, 252, 0.38);
	      .f-s(16);
	      .l-h(38);
	      text-align: center;
	      z-index: 8;
	      transform: none;
        border:1px #3b65bd solid;
	      padding-bottom: 0px;
	      padding-top: 0px;
	      box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px;
	      margin: 0 auto;
    &.no_next{
      color: #8b8f97;
      border: 1px #8b8f97 solid;
      background: rgba(139,143,151,0.3);
    }
	}
	.check_mobile{
		top:55.5%;
		left:25%;
		  transform:translateX(-50%);
	  color: rgb(192, 188, 188);
      border:1px #3b65bd solid;
      border-radius: 0px;
      background-color: rgba(8, 24, 143, 0.38);
      text-align: left;
      .f-s(16);
      z-index: 4;
      transform: none;
      padding-bottom: 0px;
      padding-top: 0px;
      box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px;
      width: 50%;
      margin: 0 auto;
      .p(8,8,8,8);
      .h(40);
      .mb(7);
      -webkit-appearance: none;
      font-weight: 400;
	}
	input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
      color: rgb(192, 188, 188);
    }

    input:-moz-placeholder,
    textarea:-moz-placeholder {
      color: rgb(192, 188, 188);
    }

    input::-moz-placeholder,
    textarea::-moz-placeholder {
      color: rgb(192, 188, 188);
    }

    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
      color: rgb(192, 188, 188);
    }
	.check {
	  top:55.5%;
	  left:25%;
	  transform:translateX(-50%);
      width: 50%;
      .h(40);
      color: rgb(255, 255, 255);
      border-radius: 0px;
      background-color: rgba(72, 122, 252, 0.38);
      .f-s(16);
      .l-h(38);
      text-align: center;
      z-index: 8;
      transform: none;
      border:1px #3b65bd solid;
      padding-bottom: 0px;
      padding-top: 0px;
      box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px;
      margin: 0 auto;
      .mt(50);
    }
    .modal2 {
    top: 50%;
    left: 50%;
    .w(280);
    transform: translate(-50%, -50%);
    z-index: 100;
    .b-r(10);
    overflow:hidden;
    .white_box2 {
      width: 100%;
      background: #fff;
      .p(20,20,20,20);
      .sucess2 {
        .w(50);
        .h(50);
        margin: 0 auto;
        .mb(20);
      }
      .sucess_text2{
        text-align: center;
        color:rgb(118, 131, 143);
        .f-s(18);
        .l-h(22);
      }
    }
    .close_box2{
      width:100%;
      background: rgb(86, 198, 255);
      .h(40);
      color:#fff;
      text-align: center;
      line-height: 40px;
    }
  }
  .modal_bg2 {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .7);
    z-index: 99;
  }
}